@extends('layouts.index')
@section('title', '首页')
@section('content')
    <div class="kaisou-header layui-show-sm layui-hide-xs" >
        <div class="layui-container">
            <div class="layui-row">
                <div class="layui-col-md4">
                    <h1 class="mallLogo">
                        <a href="/"><img src="/images/kaisou/logo.png" width="80%"></a>
                    </h1>
                </div>
                <div class="layui-col-md4 layui-col-md-offset4">
                    <div class="mallSearch">
                        <form action="" class="layui-form" novalidate="">
                            <input type="text" name="title" required="" lay-verify="required" autocomplete="off" class="layui-input" placeholder="请输入需要的商品">
                            <button class="layui-btn" lay-submit="" lay-filter="formDemo">
                                <i class="layui-icon layui-icon-search"></i>
                            </button>
                            <input type="hidden" name="" value="">
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="kaisou-sec-nav layui-hide-xs">
        <div class="layui-container">
            <div class="layui-row">
                <ul class="kaisou-sec-ul layui-nav " lay-filter="" style="">
                    <li class="layui-nav-item layui-this"><a href="">书籍</a></li>
                    <li class="layui-nav-item"><a href="">生活用品</a></li>
                    <li class="layui-nav-item"><a href="">3C数码</a></li>
                    <li class="layui-nav-item"><a href="">鞋服美妆</a></li>
                    <li class="layui-nav-item"><a href="">其它</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="kaisou-carousel">
        <div class="layui-container">
            <div class="layui-row">
                <div class="layui-carousel" id="carousel">
                    <div carousel-item>
                        <div><img src="/images/kaisou/banner1.jpg" ></div>
                        <div><img src="/images/kaisou/banner2.jpg" ></div>
                        <div><img src="/images/kaisou/banner3.jpg" ></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="kaisou-floors">
        <div class="layui-container">
            <div class="layui-row layui-col-space10">
                <h1 class="kaisou-sorts">热门分类</h1>
                <div class="layui-col-md4">
                    <img src="/images/kaisou/floor1.jpg">
                </div>
                <div class="layui-col-md4">
                    <img src="/images/kaisou/floor1.jpg">
                </div>
                <div class="layui-col-md4">
                    <img src="/images/kaisou/floor1.jpg">
                </div>
            </div>
        </div>
    </div>
@endsection